<div id="register" ng-controller="RegisterCtrl">
    <div class="container">
        <div class="row">
            <header>

            </header>
        </div>
        <!--注册第一步，用户名及密码-->
        <div id="register_step1" style="position: relative;">
            <div class="row">
                <div class="col-lg-6 col-lg-offset-1 col-md-7 col-sm-8 col-xs-12">
                    <div class="registerForm">
                        <form class="form-horizontal">
                            <div class="pad">
                                <h2>注册</h2>
                                <div class="form-group">
                                    <label for="tel" class="control-label col-sm-4">
                                        <div class="glyphicon glyphicon-user"></div>
                                        <span>联系电话</span>
                                    </label>
                                    <div class="controls col-sm-8">
                                        <input id="tel" type="text" name="tel" placeholder="请输入您的手机号" value="" tabindex="1"
                                               autofocus="autofocus" focus-step="1" class="form-control">
                                    </div>
                                </div>

                                <div class="form-group">
                                    <label for="password" class="control-label col-sm-4">
                                        <div class="glyphicon glyphicon-asterisk"></div>
                                        <span>密码</span>
                                    </label>
                                    <div class="controls col-sm-8">
                                        <input id="password" type="text" name="name" placeholder="请输入密码" value=""
                                               tabindex="1"
                                               autofocus="autofocus" focus-step="2" class="form-control">
                                    </div>
                                </div>

                                <div class="form-group">
                                    <label for="confirm_password" class="control-label col-sm-4">
                                        <div class="glyphicon glyphicon-ok"></div>
                                        <span>确认密码</span>
                                    </label>
                                    <div class="controls col-sm-8">
                                        <input id="confirm_password" type="text" name="confirm_password"
                                               placeholder="请再次输入密码" value="" tabindex="1"
                                               autofocus="autofocus" focus-step="3" class="form-control">
                                    </div>
                                </div>

                            </div>
                            <div class="form-actions">
                                <a ui-sref="login" tabindex="6" class="btn btn-link show-login text-muted">登陆</a>
                                <button type="submit" tabindex="5" class="btn btn-primary">下一步</button>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
            <div class="owl-signup" ng-class="{1:'step1',2:'step2',3:'step3'}[step||1]">
                <div class="owl-body">
                    <div class="owl-eye"></div>
                    <div class="owl-eye right"></div>
                </div>
                <div class="owl-arm"></div>
                <div class="owl-feet"></div>
            </div>
        </div>
        <!--注册第二步，用户详细信息-->
        <div id="register_step2">
            <div class="row">
                <div class="col-lg-8 col-lg-offset-2 col-md-10 col-md-offset-1 col-sm-10 col-sm-offset-1 col-xs-12">
                    <div class="registerForm">
                        <form class="form-horizontal">
                            <div class="pad">
                                <h2>注册</h2>
                                <div class="form-group">
                                    <label for="nickname" class="control-label col-sm-2">
                                        <span class="register_require">姓名</span>
                                    </label>
                                    <div class="controls col-sm-4">
                                        <input id="nickname" type="text" name="nickname" placeholder="" value="" tabindex="1"
                                               autofocus="autofocus" class="form-control">
                                    </div>
                                    <label for="sex" class="control-label col-sm-2">
                                        <span class="register_require">性别</span>
                                    </label>
                                    <div class="controls col-sm-4">
                                        <div class="dropdown">
                                            <button class="btn btn-default dropdown-toggle" type="button" id="sex" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">
                                                选择性别
                                                <span class="caret"></span>
                                            </button>
                                            <ul class="dropdown-menu" aria-labelledby="sex">
                                                <li><a href="">男</a></li>
                                                <li><a href="">女</a></li>
                                            </ul>
                                        </div>
                                    </div>
                                </div>

                                <div class="form-group">
                                    <label for="birthday" class="control-label col-sm-2">
                                        <span class="register_require">出生年月</span>
                                    </label>
                                    <div class="controls col-sm-4">
                                        <input id="birthday" type="text" name="name" placeholder="出生日期" value=""
                                               tabindex="1"
                                               autofocus="autofocus" focus-step="2" class="form-control">
                                    </div>

                                </div>

                                <div class="form-group">
                                    <label for="phone" class="control-label col-sm-2">
                                        <span class="register_require">联系电话</span>
                                    </label>
                                    <div class="controls col-sm-4">
                                        <input id="phone" type="text" name="phone"
                                               placeholder="" value="" tabindex="1"
                                               autofocus="autofocus" focus-step="3" class="form-control">
                                    </div>
                                    <label for="backupNumber" class="control-label col-sm-2">
                                        <span>备用电话</span>
                                    </label>
                                    <div class="controls col-sm-4">
                                        <input id="backupNumber" type="text" name="backupNumber"
                                               placeholder="" value="" tabindex="1"
                                               autofocus="autofocus" focus-step="3" class="form-control">
                                    </div>
                                </div>

                                <div class="form-group">
                                    <label for="nation" class="control-label col-sm-2">
                                        <span class="register_require">民族</span>
                                    </label>
                                    <div class="controls col-sm-4">
                                        <input id="nation" type="text" name="name" placeholder="民族" value=""
                                               tabindex="1"
                                               autofocus="autofocus" class="form-control">
                                    </div>
                                    <label for="nativePlace" class="control-label col-sm-2">
                                        <span>籍贯</span>
                                    </label>
                                    <div class="controls col-sm-4">
                                        <input id="nativePlace" type="text" name="nativePlace"
                                               placeholder="" value="" tabindex="1"
                                               autofocus="autofocus" focus-step="3" class="form-control">
                                    </div>
                                </div>

                                <div class="form-group">
                                    <label for="school" class="control-label col-sm-2">
                                        <span class="register_require">所在学校</span>
                                    </label>
                                    <div class="controls col-sm-4">
                                        <input id="school" type="text" name="school"
                                               placeholder="" value="" tabindex="1"
                                               autofocus="autofocus" focus-step="3" class="form-control">
                                    </div>
                                </div>

                                <div class="form-group">
                                    <label for="address" class="control-label col-sm-2">
                                        <span class="register_require">家庭住址</span>
                                    </label>
                                    <div class="controls col-sm-4">
                                        <input id="address" type="text" name="address"
                                               placeholder="" value="" tabindex="1"
                                               autofocus="autofocus" focus-step="3" class="form-control">
                                    </div>
                                </div>

                                <div class="form-group">
                                    <label for="hobby" class="control-label col-sm-2">
                                        <span>爱好</span>
                                    </label>
                                    <div class="controls col-sm-4">
                                        <input id="hobby" type="text" name="hobby"
                                               placeholder="" value="" tabindex="1"
                                               autofocus="autofocus" focus-step="3" class="form-control">
                                    </div>
                                </div>



                                <div class="form-group">
                                    <label for="guardian" class="control-label col-sm-2">
                                        <span>经常接送人</span>
                                    </label>
                                    <div class="controls col-sm-4">
                                        <input id="guardian" type="text" name="guardian"
                                               placeholder="" value="" tabindex="1"
                                               autofocus="autofocus" focus-step="3" class="form-control">
                                    </div>
                                </div>

                                <div class="form-group">
                                    <label for="fatherName" class="control-label col-sm-2">
                                        <span>父亲姓名</span>
                                    </label>
                                    <div class="controls col-sm-4">
                                        <input id="fatherName" type="text" name="fatherName"
                                               placeholder="" value="" tabindex="1"
                                               autofocus="autofocus" focus-step="3" class="form-control">
                                    </div>
                                    <label for="fatherCompany" class="control-label col-sm-2">
                                        <span>单位</span>
                                    </label>
                                    <div class="controls col-sm-4">
                                        <input id="fatherCompany" type="text" name="fatherCompany"
                                               placeholder="" value="" tabindex="1"
                                               autofocus="autofocus" focus-step="3" class="form-control">
                                    </div>

                                </div>

                                <div class="form-group">
                                    <label for="motherName" class="control-label col-sm-2">
                                        <span>母亲姓名</span>
                                    </label>
                                    <div class="controls col-sm-4">
                                        <input id="motherName" type="text" name="motherName"
                                               placeholder="" value="" tabindex="1"
                                               autofocus="autofocus" focus-step="3" class="form-control">
                                    </div>
                                    <label for="motherCompany" class="control-label col-sm-2">
                                        <span>单位</span>
                                    </label>
                                    <div class="controls col-sm-4">
                                        <input id="motherCompany" type="text" name="motherCompany"
                                               placeholder="" value="" tabindex="1"
                                               autofocus="autofocus" focus-step="3" class="form-control">
                                    </div>
                                </div>
                                <div class="form-group">
                                    <label for="headPortrait" class="control-label col-sm-2">
                                        <span>头像</span>
                                    </label>
                                    <div class="controls col-sm-4">
                                        <input id="headPortrait" type="text" name="headPortrait"
                                               placeholder="" value="" tabindex="1"
                                               autofocus="autofocus" focus-step="3" class="form-control">
                                    </div>
                                </div>

                            </div>
                            <div class="form-actions">
                                <button type="submit" tabindex="5" class="btn btn-primary pull-left">上一步</button>
                                <a ui-sref="login" tabindex="6" class="btn btn-link show-login text-muted">登陆</a>
                                <button type="submit" tabindex="5" class="btn btn-primary">注册</button>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

